import React from "react";
import commonDiseaseImg from "../../../../assets/hdpi/common_disease.png";
import CommonlyUsedDrugsImg from "../../../../assets/hdpi/common_drugs.png";
import TitleConent from "../../../TitleComponents";
import "./index.css";
import { useNavigate } from "react-router-dom";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    //知识 宝典
    <div className="repository_box">
      {/* 子组件 */}
      <TitleConent text={"知识宝典"} />
      <div className="content">
        {/* 常见病症 */}
        <div
          className="commonDisease bz"
          onClick={() => navigate("/knowledgeBook/disease")}
        >
          <span>常见病症</span>
          <img src={commonDiseaseImg} alt="" />
        </div>
        {/* // 常用药品 */}
        <div
          className="CommonlyUsedDrugs bz"
          onClick={() => navigate("/knowledgeBook/drug")}
        >
          <span>常用药品</span>
          <img src={CommonlyUsedDrugsImg} alt="" />
        </div>
      </div>
    </div>
  );
};

export default Index;
